<div [class]="'el-input-number' + (size ? ' el-input-number--' + size : '')" 
    [class.is-disabled]="disabled"
    [class.is-controls-right]="(controlsPosition==='right') && controls"
    [class.is-without-controls]="!controls"> 
    <span *ngIf="controls" class="el-input-number__decrease" role="button"
        [class.is-disabled]="minDisabled" (click)="decreaseHandle(false)"> 
        <el-icon [iconName]="((controlsPosition==='right') && controls) ? 'el-icon-arrow-down': 'el-icon-minus'"></el-icon> 
    </span> 
    <span *ngIf="controls" class="el-input-number__increase" role="button" [class.is-disabled]="maxDisabled"
        (click)="decreaseHandle(true)">
        <el-icon [iconName]="((controlsPosition==='right') && controls) ? 'el-icon-arrow-up': 'el-icon-plus'"></el-icon> 
    </span>

    <el-input 
    [placeholder]="placeholder" 
    [size]="size" 
    [disabled]="disabled" 
    [attr.max]="max"
    [attr.min]="min" 
    [attr.aria-valuemax]="max" 
    [attr.aria-valuemin]="min"  
    [value]="model" 
    [ngModel]="model" 
    (ngModelChange)="changeHandle($event)" 
    (blur)="burlHandle($event)" 
    aria-valuenow="1" [attr.aria-disabled]="disabled"> </el-input>
</div>